<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
  <meta name="format-detection" content="telephone=no">
  <meta name="format-detection" content="email=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>英菲尼迪邀您免费停车</title>
  <link rel="stylesheet" href="lib/animate.min.css">
  <link rel="stylesheet" href="lib/swiper.min.css">
  <link rel="stylesheet" href="lib/mobiscroll/mobiscroll.css">
  <link rel="stylesheet" href="style/master.css">
</head>

<body>
  <div id="wx_pic" style='margin:0 auto;display:none;'>
    <img src="/img/logo_weixin.jpg" alt="logo" height="300" width="300">
  </div>
  <div class="loading">
    <div class="laoding-content">
      <img class="logo-ani" src="img/m_logo.png" alt="logo">
      <span id="num">0%</span>
    </div>
  </div>
  <div class="horizontal" id="horizontal">
    <div class="con">
      <img src="img/phone.svg" alt="phone">
    </div>
    <span class="txt">请将手机竖屏浏览</span>
  </div>

  <div class="form-pop">
    <div class="bm"></div>

    <div class="form-wrap swiper-no-swiping">

      <div class="content_tio">
        填写完整信息即得10元ETCP停车券，奖励将在2个工作日内发放，限300名。预约试驾更有ETCP百元券包，尽享免费停车！
      </div>

      <form>
        <div class="form-control">
          <span>姓名:</span>
          <input type="text" name="name" placeholder="输入姓名" id="name">
        </div>

        <div class="form-control">
          <span>手机号:</span>
          <input type="tel" name="tel" placeholder="输入手机号" id="tel">
        </div>

        <div class="form-control">
          <span>性别:</span>
          <select name="sex" id="sex">
              <option value="">请选择</option>
              <option value="男">男</option>
              <option value="女">女</option>
            </select>
        </div>

        <div class="form-control">
          <span>所在城市:</span>
          <select name="city" id="city">
              <option value="北京">北京</option>
            </select>
        </div>

        <div class="form-control">
          <span>经销商:</span>
          <select name="distributor" id="distributor">
            <option value="">选择经销商</option>
            <option value="北京运通博世英菲尼迪">北京运通博世英菲尼迪</option>
            <option value="北京博瑞英菲尼迪">北京博瑞英菲尼迪</option>
            <option value="北京福瑞英菲尼迪">北京福瑞英菲尼迪</option>
            <option value="北京运通兴华英菲尼迪">北京运通兴华英菲尼迪</option>
            <option value="北京之东英菲尼迪">北京之东英菲尼迪</option>
          </select>
        </div>

        <div class="form-control">
          <span>经销商地址:</span>
          <select name="adress" id="adress">
            <option value="">选择经销商地址</option>
            <option value="北京经济技术开发区北环东路19号">北京经济技术开发区北环东路19号</option>
            <option value="北京市石景山区莲石东路莲玉桥西北角">北京市石景山区莲石东路莲玉桥西北角</option>
            <option value="北京市朝阳区来广营新北路8号">北京市朝阳区来广营新北路8号</option>
            <option value="北京市大兴区西红门镇中鼎路17号">北京市大兴区西红门镇中鼎路17号</option>
            <option value="北京市朝阳区朝阳北路57号">北京市朝阳区朝阳北路57号（朝阳大悦城向东2000米）</option>
          </select>
        </div>

        <div class="form-control">
          <span>意向购车时间:</span>
          <select name="date" id="datetime">
              <option value="">选择意向购车时间</option>
              <option value="一个月内">一个月内</option>
              <option value="三个月内">三个月内</option>
              <option value="六个月内">六个月内</option>
              <option value="一年内">一年内</option>
              <option value="长期计划">长期计划</option>
            </select>
          <!-- <input type="text" id="datetime" name="date" placeholder="选择日期"> -->
        </div>

        <div class="check-item">
          <label>
              <input type="checkbox" checked id="ty"> 我已经阅读并同意
              <a href="http://www.infiniti.com.cn/legal-statement/privacy-policy.html">《英菲尼迪隐私保护政策》</a>
              <span>注：百元停车券需要到您预约试驾的英菲尼迪4S店领取，领取流程请到店咨询</span>
            </label>
        </div>

        <button type="button" class="form-btn">提 交</button>

      </form>
    </div>

    <div class="close">&times;</div>
  </div>

  <div class="swiper-container content_swiper">
    <div class="swiper-wrapper">
      <!-- first page -->
      <div class="swiper-slide">
        <div class="page p-1 cover" style="background-image:url(img/QX60/1.jpg)">
          <div class="p1-txt ani" swiper-animate-effect="fadeInUp" style="background-image:url(img/QX60/txt.png)"></div>
        </div>
        <a href="http://www.infiniti.com.cn/" class="logo b top"></a>
        <div class="checked-nav">
          <div class="swiper-container swiper_nav">
            <div class="swiper-wrapper">
              <div class="swiper-slide viw-wrap">
                <a href="/adtopic?car=q50l" class="viw">
                    <img src="img/nav/n1.png" alt="nav">
                    <span>Q50L</span>
                  </a>
              </div>
              <div class="swiper-slide viw-wrap active">
                <a href="/adtopic?car=qx60" class="viw">
                    <img src="img/nav/qx60.png" alt="nav">
                    <span>QX60</span>
                  </a>
              </div>
            </div>
          </div>
        </div>
        <div class="down"></div>

        <div class="con_info ani" swiper-animate-effect="fadeInUp" swiper-animate-delay=".1s" style="padding-left: 6px;padding-right: 6px;">
          预约试驾<br> 即得10元ETCP停车券。<br>到店试驾有百元好礼相送，先到先得！</div>
        <button type="button" class="content_btn showform_hk f-btn ani"
          swiper-animate-effect="fadeInDown" swiper-animate-delay=".3s">领取礼包</button>
      </div>

      <div class="swiper-slide">
        <div class="page p-2" style="background-image:url(img/QX60/2.jpg)">
          <video class="banner-video" webkit-playsinline x-webkit-airplay controls preload="none" load="loaded" poster="img/QX60/smart.jpg">
            <source src="img/QX60/qx60.mp4" type="video/mp4">
          </video>
          <div class="p-2-txt">
            <h4>家, 是承载着爱的地方</h4>
            <p>英菲尼迪QX60 进口大型豪华七座SUV</p>
          </div>

          <div class="con_info x_show">预约试驾<br> 即得10元ETCP停车券。<br>到店试驾有百元好礼相送，先到先得！</div>
          <button type="button" class="content_btn showform_hk">领取礼包</button>
          <a href="http://www.infiniti.com.cn/" class="logo w bottom"></a>
          <div class="down"></div>
        </div>
      </div>

      <div class="swiper-slide">
        <div class="page p-3" style="background-image:url(img/QX60/3.jpg)">
          <div class="cx"></div>
          <a href="http://www.infiniti.com.cn/" class="logo w bottom"></a>

          <div class="swiper-list swiper-container swiper_list">
            <div class="swiper-wrapper">
              <div class="swiper-slide list-item">
                <div class="img-warp"><img src="img/QX60/v1.jpg" alt="YD"></div>
                <h4>倒车碰撞预防系统</h4>
                <p>倒车碰撞预防系统 (BCI) 可在倒车过程中，通过雷达实时扫描车辆后方及侧后方区域，一旦探测到有移动物体接近， 即通过提示灯和蜂鸣音发出警示，以提示驾驶员采取相应措施，在必要情况下更可将车辆主动刹停，从而避免碰撞发生。
                </p>
              </div>
              <div class="swiper-slide list-item">
                <div class="img-warp"><img src="img/QX60/v2.jpg" alt="YD"></div>
                <h4>全速段智能巡航系统</h4>
                <p>ICC系统能够自动保持设定的巡航速度，如遇前方车辆减速而与前车距离缩短时，系统会自动降低车速，保持与前车安全距离，直至完全停车。当道路顺畅时， 它会自动恢复设定车速巡航。富于远见的创新与个性化便捷设计，一键启动即能尽享。
                </p>
              </div>
              <div class="swiper-slide list-item">
                <div class="img-warp"><img src="img/QX60/v3.jpg" alt="YD"></div>
                <h4>全景式监控影像系统</h4>
                <p>同级领先安全科技——全景式监控影像系统 (AVM) ，可通过车身四周的四个超广角摄像头侦测车辆周围情况， 在车内显示屏上呈现俯瞰效果的无缝连接合成图像，360°无死角的车身视野有效提升了低速行驶和泊车时的便捷及安全性。
                </p>
              </div>
              <div class="swiper-slide list-item">
                <div class="img-warp"><img src="img/QX60/v4.jpg" alt="YD"></div>
                <h4>车距控制辅助系统</h4>
                <p>车距控制辅助系统 (DCA) 采用传感器监控前车行驶状况，帮助您保持安全车距。检测到车距过近时，提醒踩下刹车，如在接近其他车辆时， 油门踏板仍然未松开，系统能够将油门踏板向上顶起以提醒您释放，在油门踏板松开的同时自动施加刹车。
                </p>
              </div>
              <div class="swiper-slide list-item">
                <div class="img-warp"><img src="img/QX60/v5.jpg" alt="YD"></div>
                <h4>智能刹车辅助系统</h4>
                <p>带有前部碰撞预警系统 (FCW) 的智能刹车辅助系统 (IBA) ，使用雷达监控和分析接近前车时的速度， 当发现会有碰撞可能时，向司机及时发出两阶段警示，并根据需要自动制动，降低碰撞速度。
                </p>
              </div>
              <div class="swiper-slide list-item">
                <div class="img-warp"><img src="img/QX60/v6.jpg" alt="YD"></div>
                <h4>英菲尼迪Bose®音响系统</h4>
                <p>Bose®高保真音响系统具有14个专为QX60定制设计的扬声器 (包括两个超低音音箱) ，向您提供极具感染力的明澈音乐。 您还拥有播放音乐的多种方式：光盘、蓝牙设备或USB连接的iPod。
                </p>
              </div>
              <div class="swiper-pagination"></div>
            </div>
          </div>
          <button type="button" class="content_btn showform_hk">领取礼包</button>
        </div>
      </div>

    </div>
  </div>
  <script>
    var images = [
      'img/bm.jpg',
      'img/logo_b.png',
      'img/arrow.png',
      'img/cx.png',
      'img/m_logo.png',

      'img/nav/n1.png',
      'img/nav/qx60.png',

      'img/QX60/1.jpg',
      'img/QX60/2.jpg',
      'img/QX60/3.jpg',
      'img/QX60/v1.jpg',
      'img/QX60/v2.jpg',
      'img/QX60/v3.jpg',
      'img/QX60/txt.png'
    ];
  </script>
  <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
  <script src="lib/mobiscroll/mobiscroll_date.js"></script>
  <script src="lib/mobiscroll/mobiscroll.js"></script>
  <script src="lib/swiper.animate.js"></script>
  <script src="lib/swiper.jquery.js"></script>
  <script src="js/main.js"></script>
</body>

</html>
